body{
    background: #f5f4f7;
}

/*头部导航*/
#nav{
    height: 48px;
    width: 100%;
    background: #1e2025;
    overflow: hidden;
}
#nav .content{
    width: 1000px;
    height: 48px;
    margin: 0 auto;
}
#nav .content .left img{
    width: 110px;
    height: 20px;
    margin-top: 14px;
    float: left;
}
#nav .content .left ul{
    list-style: none;
    float: left;
}
#nav .content .left ul li{
    float: left;
    color: #efefef;
    line-height: 48px;
    margin-right: 35px;
}
#nav .content .left ul li:hover{
    color: #00d7c6;
}
#nav .content .left ul li.active{
    color: #00d7c6;
}

/*nav right*/
#nav .content .right ul{
    float: right;
    list-style: none;
}
#nav .content .right ul li{
    float: right;
    color: #efefef;
    line-height: 48px;
    margin-right: 35px;
}
#nav .content .right ul li:hover{
    color: #00d7c6;
}
#nav .content .right div{
    float: right;
}
#nav .content .right div span{
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    border: 1px solid #00d7c6;
    color: #fff;
    border-radius: 13px;
    margin-top: 12px;
    margin-left: 20px;
}


/*分类列表菜单*/
#menu_area{
    width: 1000px;
    height: 575px;
    margin: 3px auto 0;
    position: relative;
}

.side_nav{
    width: 270px;
    height: 100%;
    float: left;
    background: #fff;
}
.side_nav ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.side_nav ul .menu_list{
    height: 44px;
    width: 100%;
    padding: 0 15px;
}
.side_nav ul .menu_list:hover{
    background: #00d7c6;
}
.side_nav ul .menu_list:hover .title a,.side_nav ul li:hover i{
    color: #fff;
}
.side_nav ul .menu_list:hover .nav_list{
    display: block;
}

.side_nav ul .menu_list .title{
    float: left;
}
.side_nav ul .menu_list a{
    color: #999;
    text-decoration: none;
    line-height: 44px;
}
.side_nav ul .menu_list i{
    float: right;
    line-height: 44px;
}
.side_nav ul .menu_list .nav_list{
    width: 690px;
    padding: 30px;
    min-height: 100px;
    background: #fff;
    display: none;
    position: absolute;
    top: 0;
    left: 270px;
}
.side_nav ul .menu_list .nav_list .sort{
    width: 115px;
    text-align: right;
    display: inline-block;
    vertical-align: top;
}
.side_nav ul .menu_list .nav_list .list-content{
    width: 510px;
    display: inline-block;
}
.side_nav ul .menu_list .nav_list .list-content a{
    line-height: 30px;
    padding: 0 15px;
}

/*轮播*/
.banner_box{
    width: 710px;
    height: 100%;
    float: left;
    margin-left: 20px;
    position: relative;
}
.banner_box ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.banner_box ul li{
    position: absolute;
}
.banner_box ul li img{
    width: 710px;
    height: 575px;
}
.banner_box div{
    position: absolute;
    bottom: 20px;
    left: 264px;
}
.banner_box div span{
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    border-radius: 8px;
    float: left;
    margin: 0 5px;
}
.banner_box div span.active{
    background: #fff;
}